@charset "UTF-8";
/* CSS Document */

html,
html * {
	
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
}

.style-nav ul {list-style-type: none;}


.style-nav ul li a {	text-decoration: none;
						color:#AEAEAE ;
						text-align: center;
						display: block;
						text-transform: lowercase;
						padding: 5px;
						margin-top:20px;
						line-height:10px;}



ul li a:hover  {color: #45423C;}

.row:before, .row:after {
	content: "";
	display: table;}

.row:after {clear:both;}

body {	margin-left: auto;
		margin-right: auto;
		background: #827D71;
		padding: 30px;}


.welcome {	margin-left: 0px;
		padding-top: 20px;
		margin-bottom:-20px;
		text-align: center;
		color: #AEAEAE;}


h1 {font-size: 44px;
	font-weight:500;}

h2 {font-size: 22px;
	font-weight: 600;
	font-style: normal;
	text-align:left;}

h3 {font-size: 16px;
	text-align: left;}

.special{text-align: center;
		padding-bottom: 10px;
		padding-top: 20px;
		font-size:38px;
		color:#B8B1A0;
		text-shadow: 2px 2px 2px #45423C;}

.col {width: 100%;} 

.col2{margin-top: auto}

.img2 {	width: 100%;
		float:left;
		max-width: 100%;
		margin-bottom:38px;
		height: auto;
		vertical-align: middle;
		padding: 12px;
		Border-style:solid;
		Border-color:#C2C2C2;
		Border-width: 4px;
		box-shadow: 5px 5px 8px #656565;}


.copyright{	font-size: 16px;
			margin-top: 10px;
			color:#45423C}

footer {text-align: center;
		font-size: 12px;
		padding: 10px 20px 20px;}




/*tablet view*/
@media (min-width: 772px){
	

.style-nav ul li {display: inline-block;}

.style-nav ul {	float:left;
			margin-left: 592px;
			margin-top: -58px;}
	
.special{	float:left;
			margin-top:45px;
			margin-left:0px;
			font-size:40px;}
	
.welcome{float: left;}
	
.col-md-one-half {width: 50%;}

.col {float:left;}
	
	body {max-width: 768px;}

footer {width: 100%;}

.eti {width: 520px;}
	
.copyright{text-align:left;
				margin-top:20px;}
}




/*desktop view*/
@media (min-width: 1024px){
	

.style-nav ul {	float:left;
			margin-left: 300px;
			margin-top: -58px;}
	
.special{	float:left;
			margin-top:75px;
			margin-left:10px;
			font-size:44px;}
	
.style-nav {	float:left;
				margin-left: -232px;
				margin-top: 157px;}
	
.welcome{	text-align:left;
			margin-left:20px;}

	
.copyright{	text-align:left;
			margin-top:20px;}
	
body {max-width: 1200px;}
	
footer {width: 100%;}
	
.eti {width: 520px;}
	
}